/*
    该文件是项目的入口文件，为什么呢，因为这是脚手架配置好的，虽然你没有看到哪里有过这个文件的引入
*/
import Vue from 'vue' //这里点进去发现是vue.runtime.xxx.js也就是残缺版的vue，就缺少了模板解析器
import App from './App.vue'

//引入elementUi组件库和它全部的样式------完整引入（1）
// import ElementUI from 'element-ui';
// import 'element-ui/lib/theme-chalk/index.css';

//引入elementUi组件库-------------------按需引入（2）
import { Button, Select } from 'element-ui';


//引入VueRouter插件
import VueRouter from 'vue-router'
//引入配置好的路由器
import router from './router'


//引入store
import store from './store'

//关闭vue的生产提示
Vue.config.productionTip = false

//应用elementUi---------------完整引入（1）
// Vue.use(ElementUI);

//注册组件---------------------按需引入（2）
Vue.component(Button.name, Button); //这是用的官方的名字，可以自己起名字 （'shu-button', Button）
Vue.component(Select.name, Select);

//使用router插件
Vue.use(VueRouter)

/*    1.不健康写法     */
// const demo = Vue.extend({})
// const d = new demo()
// Vue.prototype.x = {a:1, b:2}

//创建vue实例对象
new Vue({
  render: h => h(App), //这是简便写法，由下面的写法转化成箭头函数而来
  // render(creatElement) {
  //   return creatElement('h1', '你好啊')
  // },
  store,
  router,
  beforeCreate() {
    Vue.prototype.$bus = this //2.健康写法就是全局数据总线
  }
}).$mount('#app')
